<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div id="you">
			ABC
			
		</div >
		  
		<div class="my" >
			BCD
		</div>
		<div>
			DEF
		</div>
		<p class="my">1</p>
		<p>2</p>
		<p>3</p>
		<p>4</p>
		<p>4</p>
		<img src="./img/2021-10-22_162306.png" >
		<img src="./img/2021-10-22_162306.png" >
		<img src="./img/2021-10-22_162306.png" >
		<img src="./img/2021-10-22_162306.png" >
		<img src="./img/2021-10-22_162306.png" >
		 <ul >
		 	<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		 </ul>
	</body>
	<script type="text/javascript">
		// ID
		var id_div=document.getElementById('you');
		console.log(id_div);
		//类
		var class_p = document.getElementsByClassName('my')
		console.log(class_p);
		//标签
		var tag_img = document.getElementsByTagName('img')
		console.log(tag_img);
		var tag_li = document.getElementsByTagName('li')
		console.log(tag_li);
		
		
	</script>
</html>
